{include file="public/head" /}
  
  
  <body>
    <div class="x-body">
        <form class="layui-form" > 
            
            <div class="layui-form-item" >
                <label for="community_id" class="layui-form-label">
                    <span class="x-red">*</span>所属小区:
                </label>
                <div class="layui-input-inline" style="width: 240px;">
                    <select name="community_id" lay-filter="community_id" id="community_id" lay-verify="required" required="">
                        <option value="">所属小区</option>
                        {foreach $communitylist as $name}
                        <option value="{$name.community_id}">{$name.community_name}</option>
                        {/foreach}
                      </select>
                </div>
            </div>    
            <div class="layui-form-item" >
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>所属组团:
                </label>
                <div class="layui-input-inline"  style="width: 240px;">
                    <select name="group" id="group" lay-filter="group" lay-verify="required">
                        <option value="">所属组团</option>
                        {if isset($groups)}
                        {foreach $groups as $group}
                        <option value="{$group}">{$group}</option>
                        {/foreach}
                        {/if}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>所属楼栋:
                </label>
                <div class="layui-input-inline" style="width: 240px;">
                    <select name="building" id="building" lay-filter="building" lay-verify="required">
                        <option value="">所属楼栋</option>
                        {if isset($buildings)}
                        {foreach $buildings as $build}
                        <option value="{$build}">{$build}</option>
                        {/foreach}
                        {/if}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>所属单元:
                </label>
                <div class="layui-input-inline" style="width: 240px;">
                    <select name="unit" id="unit"  lay-filter="unit" lay-verify="required">
                        <option value="">所属单元</option>
                        {if isset($units)}
                        {foreach $units as $uni}
                        <option value="{$uni}">{$uni}</option>
                        {/foreach}
                        {/if}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>所属房号:
                </label>
                <div class="layui-input-inline" style="width: 240px;">
                    <select name="room" id="room"  lay-filter="room" lay-verify="required">
                        <option value="">所属房号</option>
                        {if isset($rooms)}
                        {foreach $rooms as $roo}
                        <option value="{$roo.room}">{$roo.room}</option>
                        {/foreach}
                        {/if}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>费用类型:
                </label>
                <div class="layui-input-inline" style="width: 240px;">
                    <select name="cost_type" id="cost_type" lay-verify="required">
                        <option value="">选择费用类型</option>

                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="acct_period" class="layui-form-label">
                    <span class="x-red">*</span>账期:
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="acct_period" name="acct_period" required="" lay-verify="required"
                    autocomplete="off" class="layui-input"  style="width: 240px;">
                </div>
            </div>
            <!--<div class="layui-form-item">
                <label for="phone" class="layui-form-label">
                    <span class="x-red">*</span>账单出账日期:
                </label>
                <div class="layui-input-inline">
                        <input class="layui-input" placeholder="开始日期" name="release_day" id="start" style="width: 240px;">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>缴费截止日期:
                </label>
                <div class="layui-input-inline">
                        <input class="layui-input" placeholder="截止日期" name="deadline" id="end" style="width: 240px;">
                </div>
            </div>-->
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>账单金额:
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="username" name="bill_entry_amount" required="" lay-verify="required"
                    autocomplete="off" class="layui-input" style="width: 240px;">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">
                </label>
                <button  class="layui-btn" lay-filter="add" lay-submit="">
                    添加账单
                </button>
            </div>
      </form>
    </div>
    
    <script>
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            
            //执行一个laydate实例
            laydate.render({
            elem: '#start' //指定元素
            ,format: 'yyyyMMdd'
            });

            //执行一个laydate实例
            laydate.render({
            elem: '#end' //指定元素
            ,format: 'yyyyMMdd'
            });
        });
    </script>
    <script>
        layui.use(['form'], function() {
            $ = layui.jquery;
            var form = layui.form,layer = layui.layer;
            form.on('select(community_id)', function(f){
                var url = "{:url('admin/Roominfo/fetchdata')}"
                $.post(url, {community_id: f.value, type: 1}, function(data) {
                    $('#group').html("")
                    var option = "<option value=''>所有组团</option>"
                    $('#group').append(option)
                    for (var i = 0; i < data.length; i++) {
                    option = "<option value='" + data[i] + "'>" + data[i] + "</option>"
                    $('#group').append(option)
                    }
                    
                    form.render('select')
                })

                var url2 = "{:url('Roominfo/getCosttype')}"
                $.post(url2, {community_id: f.value}, function(data) {
                    $('#cost_type').html("")
                    var option = "<option value=''>选择费用类型</option>"
                    $('#cost_type').append(option)
                    for (var i = 0; i < data.length; i++) {
                        option = "<option value='" + data[i] + "'>" + data[i] + "</option>"
                        $('#cost_type').append(option)
                    }

                    form.render('select')
                })

                
                $('#community_id').data('community_id', f.value)
            })

            form.on('select(group)', function(f){
                var data_community = $('#community_id').data('community_id')
                var get_community = "<?php if (isset($community_id)) { echo $community_id;}?>"
                var community_id = typeof data_community === 'undefined' ? get_community : data_community
                var url = "{:url('admin/Roominfo/fetchdata')}"
                $.post(url, {community_id: community_id, group: f.value, type: 2}, function(data) {
                    $('#building').html("")
                    var option = "<option value=''>所有楼栋</option>"
                    $('#building').append(option)
                    for (var i = 0; i < data.length; i++) {
                        option = "<option value='" + data[i] + "'>" + data[i] + "</option>"
                        $('#building').append(option)
                    }
                    $('#group').data('group', f.value)
                    form.render('select')
                })
            })

            form.on('select(building)', function(f){
                var data_community = $('#community_id').data('community_id')
                var get_community = "<?php if (isset($community_id)) { echo $community_id;}?>"
                var community_id = typeof data_community === 'undefined' ? get_community : data_community

                var data_group = $('#group').data('group')
                var get_group = "<?php if (isset($group)) { echo $group;}?>"
                var group = typeof data_group === 'undefined' ? get_group : data_group

                var url = "{:url('admin/Roominfo/fetchdata')}"
                $.post(url, {building: f.value, community_id: community_id, group: group, type: 3}, function(data) {
                $('#unit').html("")
                var option = "<option value=''>所有单元</option>"
                $('#unit').append(option)
                for (var i = 0; i < data.length; i++) {
                    option = "<option value='" + data[i] + "'>" + data[i] + "</option>"
                    $('#unit').append(option)
                }
                $('#building').data('building', f.value)
                form.render('select')
                })
            })

            form.on('select(unit)', function(f){
                var data_community = $('#community_id').data('community_id')
                var get_community = "<?php if (isset($community_id)) { echo $community_id;}?>"
                var community_id = typeof data_community === 'undefined' ? get_community : data_community

                var data_group = $('#group').data('group')
                var get_group = "<?php if (isset($group)) { echo $group;}?>"
                var group = typeof data_group === 'undefined' ? get_group : data_group

                var data_building = $('#building').data('building')
                var get_building = "<?php if (isset($building)) { echo $building;}?>"
                var building = typeof data_building === 'undefined' ? get_building : data_building
        
                var url = "{:url('admin/Roominfo/fetchdata')}"
                $.post(url, {unit: f.value, community_id: community_id, group: group, building: building, type: 4}, function(data) {
                $('#room').html("")
                var option = "<option value=''>所有房间</option>"
                $('#room').append(option)
                for (var i = 0; i < data.length; i++) {
                    option = "<option value='" + data[i] + "'>" + data[i] + "</option>"
                    $('#room').append(option)
                }
                $('#unit').data('unit', f.value)
                form.render('select')
                })
            })
            
            
            form.on('submit(add)', function(data){
                console.log(data.field);
                
                $.ajax({  
                  type: 'post',  
                  url: "{:url('billadd')}", 
                  data: {  
                      community_id:data.field.community_id,
                      group:data.field.group,
                      building:data.field.building,
                      unit:data.field.unit,
                      room:data.field.room,
                      acct_period:data.field.acct_period,
                      bill_entry_amount:data.field.bill_entry_amount,
                      cost_type:data.field.cost_type,
                      
                  },  
                  success: function(data){ 
                    if(data=='ok'){
                      layer.alert("添加成功", {icon: 6},function () {
                            // 获得frame索引
                            var index = parent.layer.getFrameIndex(window.name);
                            //关闭当前frame
                            parent.layer.close(index);
                            window.parent.location.reload();
                        });
                    }else if(data=='error'){
                      layer.msg('添加失败');
                    }
                  }  
              });    
              
              return false;
            });

        })
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
  </body>

</html>